<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta content="化妆品网" name="keywords"/>
<meta name="description" content="化妆品网"/>
<title>化妆品网 - 奢侈品</title>
<link href="css/base.css" rel="stylesheet" type="text/css"/>
<link href="css/index.css" rel="stylesheet" type="text/css"/>
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/service.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jqurey.min/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
		$(function(){
			function goWhat(n){
				 $('.nav li').eq(n).on('click',function(){
                 $(this).addClass('actv').siblings('li').removeClass('actv')//作用是  给当前元素添加'class'类并查找同胞元素再去除同胞元素的'class'类
                 Show(n);
			});
			}
			function Show(n){
				$('.img img').eq(n).show(1000).siblings('img').hide(1000);
				
			}
			for(var i=0;i<5;i++){
				goWhat(i);
 
			}
			
		})
	</script>
	
<style type="text/css">
	
	.div1{width:800px;height:900px;margin: 0 auto;overflow: hidden;}
	.div1 ul,li{list-style:none;}
	.div1	.clearfix:after{clear:both;content: "";display:block;}
	.div1	li{float:left;width:160px;height:100px;text-align: center;
	.div1 line-height: 100px;background-color: yellow;border:1px solid red;
	.div1 font-size: 24px;}
	.div1	.actv{background: blue;}
	.div1	.img{position:relative;width:800px;height:800px;}
	.div1	.img img{width:800px;height:800px;position: absolute;left: 0;top: 0;display: none;}
	.div1	.img .tive{display: inline;}
	</style>
</style>
</head>
<body>
<!--主体内容 Str-->
<div class="content">
	<div class="xinxi_solution_main">
			<div class="xinxi_solution_bg">
				<div class="main_mobile">
					<ul>
						<li class="one on">
							<div class="left"></div>
							<div class="left_top">
								<i>工业类</i><img src="images/button1.png" alt="工业">
							</div>
							<div class="right">
								<dl>
									<a title="食品加工行业解决方案" href="#">
										食品加工行业解决方案</a>
									<a title="汽车零部件行业解决方案" href="#">
										汽车零部件行业解决方案</a>
									<a title="家具生产行业解决方案  " href="#">
										家具生产行业解决方案 </a>
									<a title="智能生产制造解决方案" href="#">
										智能生产制造解决方案</a>
									<a title="食品加工行业解决方案" href="#">
										食品加工行业解决方案</a>
								</dl>
							</div>
						</li>
						<li class="one">
							<div class="left"></div>
							<div class="left_top">
								<i>商贸类</i><img src="images/button1.png" alt="工业">
							</div>
							<div class="right">
								<dl style="margin-top: -120px;">
									<a title="手机通讯行业解决方案" href="#">
										手机通讯行业解决方案</a>
									<a title="五金配件行业解决方案" href="#">
										五金配件行业解决方案</a>
									<a title="家电卖场行业解决方案" href="#">
										家电卖场行业解决方案</a>
								</dl>
							</div>
						</li>
						<li class="one">
							<div class="left"></div>
							<div class="left_top">
								<i>服务类</i><img src="images/button1.png" alt="工业">
							</div>
							<div class="right">
								<dl>
									<a title="餐饮行业解决方案" href="#">
										餐饮行业解决方案</a>
									<a title="会员解决方案" href="#">
										会员解决方案</a>
								</dl>
							</div>
						</li>
						<li class="one">
							<div class="left"></div>
							<div class="left_top">
								<i>售后服务</i><img src="images/button1.png" alt="工业">
							</div>
							<div class="right">
								<dl>
									<a title="软件服务支持" href="#">
										软件服务支持</a>
								</dl>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	<ul class="bodybg">
		<li style="display:block"><img src="images/bodybg-1.jpg"/></li>
		<li><img src="images/bodybg-2.jpg"/></li>
		<li><img src="images/bodybg-3.jpg"/></li>
	</ul>
	<!--背景图片-->
	<!--主体内容 Str-->
	<div class="main" style="z-index:200">
		<a href="index.html"><img src="images/logo.png" class="logo"/></a>
		<div class="menu">
			<a href="cosmetics.html">化妆品</a>/
			<a href="luxury.html">奢侈品</a>/
			<a href="hotsell.html">热销品</a>/
			<a href="others.html">其他</a>/
			<a href="javascript:;" class="regedit">注册</a>/
			<a href="javascript:;" class="login">登录</a>
		</div>
		<!--导航-->
		<div class="main-bottom">
			<div class="left">
				<div class="nav luxurytitle">
					<div class="nav-link">
						<a href="index.html">HOME</a>|
						<a href="cosmetics.html">COSMETICS</a>|
						<a href="hotsell.html">HOTSELL</a>|
						<a href="luxury.html">LUXURY</a>
					</div>
				</div>
				<!--大英文-->
				<div class="write">
					<p>
						化妆品网站提示
					</p>
					<p>
						  1：由于地域限制 初期只做辽宁省部分城市以及广东省部分城市，尽请谅解 ！
					</p>
					<p>
						  2：本网站只销售真品，如发现假货双倍赔偿
					</p>
					<p>
						 有多少人因为价格放弃了喜爱的商品？
					</p>
					<p>
						 有多少人因为网购繁琐的操作而放弃了喜爱的商品?
					</p>
					<p>
						 有多少人对自己即将到来的商品满是忧虑?
					</p>
					<p>
						化妆品网，为了解决你们所有的烦忧，我们会尽我们的所能做到最好，直至看见你们满意的笑容
					</p>
					<p>
						你们满意的笑容，就是我们最大的欣慰
					</p>
				</div>
				<!--文字-->
			</div>
			<!--左侧-->
			<div class="right">
				<div class="search tm">
					<input type="text" value="" class="search-text"/>
					<input type="button" value="" class="search-btn"/>
				</div>
				<!--搜索框-->
				<div class="clear">
				</div>
				<!--清除浮动-->
				<div class="r-main tm" style="height:440px; width:500px; padding-top:10px;padding-left:16px;">
					<div class="prodcut">
						<div class="title">
							奢侈品
						</div>
						<ul class="p-point">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
						<!--点-->
						<div class="clear">
						</div>
						<!--清除浮动 -->
						<div class="div-product" style="overflow:visible">
							<div class="list-product-luxury">
								<ul class="ul-product">
									<li>
									<h2>Balmain 巴尔曼</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">化妆水</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Burberry 巴宝莉</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">化妆水</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li style="margin-right:0px;">
									<h2>Celine 赛琳</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">面霜</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Chanel 香奈儿</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">清洁化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>COMM DES GARCONS</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">清洁化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li style="margin-right:0px;">
									<h2>DIADORA 迪亚多纳</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">清洁化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
								</ul>
								<!--第一面-->
								<ul class="ul-product" style="display:none">
									<li>
									<h2>Diesel 迪赛</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">鞋子</a>
										<div id="" class="scrollbar3 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">补水霜</a>
													<a id="javascript:void(0);">唇部提亮</a>
													<a id="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Dolce&Gabbana</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">鞋子</a>
										<div id="" class="scrollbar3 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">补水霜</a>
													<a id="javascript:void(0);">唇部提亮</a>
													<a id="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
													<a id="javascript:void(0);">鞋子</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li style="margin-right:0px;">
									<h2>Dsquared2</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Golden Goose </h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Gucci 古琦</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li style="margin-right:0px;">
									<h2>McM</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
								</ul>
								<!--第二面-->
								<ul class="ul-product" style="display:none">
									<li>
									<h2>Moncler 蒙口</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Paul Smith</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li style="margin-right:0;">
									<h2>prada 普拉达</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Thom Browne</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
									<li>
									<h2>Tod’s 托德斯</h2>
									<ol class="nav-product">
										<li><a href="javascript:void(0);">基础化妆品</a>
										<div id="" class="scrollbar1 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a id="various1" href="#inline1">洗面奶</a>
													<a id="various2" href="#inline1">面膜</a>
													<a id="various3" href="#inline1">补水霜</a>
													<a id="various4" href="#inline1">唇部提亮</a>
													<a id="various5" href="#inline1">唇彩</a>
													<a id="various6" href="#inline1">蜂蜜面膜</a>
													<a id="various7" href="#inline1">高光</a>
													<a id="various8" href="#inline1">膏状bb</a>
													<a id="various9" href="#inline1">眉笔</a>
													<a id="various10" href="#inline1">气垫bb</a>
													<a id="various11" href="#inline1">染唇</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
										<li><a href="javascript:void(0);">美容化妆品</a>
										<div id="" class="scrollbar2 scrollbar luxury">
											<div class="scrollbar">
												<div class="track">
													<div class="thumb">
														<div class="end">
														</div>
													</div>
												</div>
											</div>
											<!--滚动条-->
											<div class="viewport">
												<div class="overview">
													<a href="javascript:void(0);">口红</a>
													<a href="javascript:void(0);">眼影</a>
													<a href="javascript:void(0);">补水霜</a>
													<a href="javascript:void(0);">唇部提亮</a>
													<a href="javascript:void(0);">唇彩</a>
													<a href="javascript:void(0);">蜂蜜面膜</a>
													<a href="javascript:void(0);">高光</a>
													<a href="javascript:void(0);">膏状bb</a>
													<a href="javascript:void(0);">眉笔</a>
													<a href="javascript:void(0);">气垫bb</a>
													<a href="javascript:void(0);">染唇</a>
													<a href="javascript:void(0);">洗面奶</a>
												</div>
											</div>
											<!--主内容-->
										</div>
										<!--滚动区域-->
										</li>
									</ol>
									</li>
								</ul>
								<!--第三面-->
							</div>
						</div>
						<!--产品列表-->
					</div>
					<!--产品-->
				</div>
				<!--个人介绍-->
			</div>
			<!--右侧-->
		</div>
		<!--下部分内容-->
	</div>
	<!--中间内容 End-->
</div>
<!--主体内容 End-->
<!--弹窗内容 Str-->
<div style="display: none;">
	<div id="inline1" style="width:1000px;height:640px;overflow:auto;">
		<div class="v_show">
			<div class="v_caption">
				<div class="change_btn">
					<span class="prev"></span>
					<span class="next"></span>
				</div>
			</div>
			<!--头部标题，按钮等-->
			<div class="v_content">
				<div class="v_content_list">
					<ul>
						<li><img src="images/other/other-1-1.jpg"/> /></li>
						<li><img src="images/other/other-1-2.jpg"/></li>
						<li><img src="images/other/other-1-3.jpg"/></li>
					</ul>
				</div>
			</div>
			<!--图片展示区域-->
		</div>
		<!--图片轮播-->
		<div class="p-detail">
			<p>
				品牌：holika holika
			</p>
			<p>
				产品：holika cc霜
			</p>
			<p>
				价格：￥300
			</p>
			<p>
				介绍：这是一款源自韩国的美肤产
                        品，由植物油提炼而成的，功能非
                        常非常棒。非常多，让人着迷的一
                        款产品，而且价格非常实惠，需要
                        的话直接在线订购吧。
			</p>
			<input type="button" class="p-btn" value="" onclick="javascript:window.location.href='order.html'"/>
		</div>
		<!--产品详细-->
	</div>
	<!--弹窗-->
</div>
<!--弹窗内容 Str-->
<!--网页底部 Str-->
<div class="footer">
	<div class="f-main">
		<div class="f-left">
			<a href="index.html" style="margin-left:0">网站首页</a>|
			<a href="cosmetics.html">化妆品</a>|
			<a href="luxury.html">奢侈品</a>| 
			<a href="hotsell.html">热销品</a>|
			<a href="others.html">其他</a><br>
			<span>COPYRIGHT(C) 2013 HuaZhuangPin  ALL RIGHT RESERVED.</span>
		</div>
		<!--左侧-->
		<div class="f-right">
			<ul id="link">
				<li><a href="#">友情链接</a>
				<ul class="sub tm">
					<li><a href="#">雅诗兰黛</a></li>
					<li><a href="#">holikaholika</a></li>
					<li><a href="#">爱丽小屋</a></li>
					<li><a href="#">韩国化妆品</a></li>
				</ul>
				</li>
			</ul>
		</div>
		<!--右侧-->
	</div>
</div>
<!--网页底部 End-->
<!--在线客服 STr-->
<div class="online">
	<div class="o-main">
		<div class="close-btn">
		</div>
		<!--关闭按钮-->
		<a class="kf-btn" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/kefu-btn.jpg"/></a>
		<!--在线咨询-->
		<div class="o-write">
    欢迎来到化妆品网，产品的功效和介绍请咨询我们咨询师
			<br/>
打造一个完全不同的购物历程，你们满意的笑容，就是我们最大的欣慰
		</div>
		<!--文字-->
	</div>
</div>
<!--在线客服 End-->
<!--右侧客服 Str-->
<div id="msg_win" style="display:block;visibility:visible;opacity:1;">
	<div class="icos">
		<a id="msg_min" style="height:15px; width:15px;" title="最小化" href="javascript:void 0"></a><a id="msg_close" title="关闭" href="javascript:void 0" style="display:none"></a>
	</div>
	<div id="msg_title">
		化妆品网
	</div>
	<div id="msg_content">
		<div class="service">
			<div class="hd">
				<h3>咨询中心</h3>
				<p>
					SERVICE
				</p>
			</div>
			<div class="service_content">
				<ul>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网
						</a>
					</div>
					</li>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网yoyo
						</a>
					</div>
					</li>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网lolo
						</a>
					</div>
					</li>
					<li>
					<span>QQ在线：</span>
					<div class="serv">
						<a target="_blank" href=" http://wpa.qq.com/msgrd?v="1&Uin=1120173856" &site="化妆品网欢迎你&Menu=yes"">
						<img src="images/icon-qq.jpg"/>
化妆品网
						</a>
					</div>
					</li>
					<li>
					<span>Skype在线：</span>
					<div class="serv">
						<a href="skype:1120173856?chat" onclick="return skypeCheck();"><img src="images/icon-skype.jpg"/>化妆品网</a>
					</div>
					</li>
					</li>
				</ul>
			</div>
		</div>
		<div class="top_head" id="totop">
			<a href="#hoend">回到顶部</a>
		</div>
	</div>
</div>
<!--右侧客服 End-->
<div id="login">
	<div id="login-top">
		<span style="float:left; margin-left:10px;">用户登录</span>
		<span style="float:right; margin-right:10px;" class="rg-close">关闭</span>
	</div>
	<!--登录顶部-->
	<div id="login-content">
		<div id="logo">
		</div>
		<!--logo部分-->
		<div id="middle-line">
		</div>
		<!--中线-->
		<div id="login-form">
			<form id="form1" name="form1" method="post" action="">
				<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3" align="left">&nbsp;
						
					</td>
				</tr>
				<tr>
					<td colspan="3" align="left">
						欢迎你的登录
					</td>
				</tr>
				<tr>
					<td width="30">
						帐号
					</td>
					<td colspan="2" align="left">
						<input name="username" type="text" class="login-form-input-text" id="loginuser"/>
					</td>
				</tr>
				<tr>
					<td width="30" style="height:16px; line-height:16px;">
					</td>
					<td colspan="2" align="left" style="height:16px; line-height:16px;">
						<span id="f-tip"></span>
					</td>
				</tr>
				<tr>
					<td>
						密码
					</td>
					<td colspan="2" align="left">
						<input name="password" type="password" class="login-form-input-text" id="loginpass"/>
					</td>
				</tr>
				<tr>
					<td width="30" style="height:16px; line-height:16px;">
					</td>
					<td colspan="2" align="left" style="height:16px; line-height:16px;">
						<span id="g-tip"></span>
					</td>
				</tr>
				<tr>
					<td>&nbsp;
						
					</td>
					<td width="72" align="left">
						<input name="ok" type="image" src="images/login-buttom-1.gif" style="_margin-left:5px;*margin-left:5px!important;"/>
					</td>
					<td width="98" align="left">
						<input type="checkbox" class="checkbox"/>记住密码
					</td>
				</tr>
				</table>
			</form>
		</div>
		<!--登录表单-->
	</div>
	<!--登录内容-->
</div>
<!--登录-->
<div id="registration">
	<div id="registration-top">
		<span style="float:left; margin-left:10px;">用户注册</span>
		<span style="float:right; margin-right:10px;" class="rg-close">关闭</span>
	</div>
	<!--注册头部-->
	<div id="registration-content">
		<form method="post" name="form1" onsubmit="return regedit()">
			<table border="0" cellpadding="0" cellspacing="0" width="381">
			<tr>
				<td width="74">
					<span style="color:#a40000;">* </span>输入用户
				</td>
				<td width="145">
					<input name="username" id="username" type="text" class="registration-content-text" maxlength="10"/>
				</td>
				<td width="162" align="left">
					<span id="a-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>输入密码
				</td>
				<td>
					<input name="password" id="password" type="password" class="registration-content-text" maxlength="10"/>
				</td>
				<td align="left">
					<span id="b-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>确认密码
				</td>
				<td>
					<input name="nextpassword" id="password2" type="password" class="registration-content-text" maxlength="10"/>
				</td>
				<td align="left">
					<span id="c-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>邮箱地址
				</td>
				<td>
					<input name="email" id="email" type="text" class="registration-content-text"/>
				</td>
				<td align="left">
					<span id="d-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>手机号码
				</td>
				<td>
					<input name="phone" id="phone" type="text" class="registration-content-text"/>
				</td>
				<td align="left">
					<span id="e-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td style="padding-top:5px;">
					<input type="image" src="images/regedit-buttom-1.gif" name="reg" onclick="regedit()"/>
					<img src="images/login-resert.gif" width="65" height="22"/>
				</td>
			</tr>
			</table>
		</form>
	</div>
	<!--注册中间内容-->
</div>
<!--注册-->
</body>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel-3.0.4.js" type="text/javascript"></script>
<script src="js/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/jquery.tinyscrollbar.min.js"></script>
<script src="js/service.js" type="text/javascript"></script>
<script src="js/verify.js" type="text/javascript"></script>

<script type="text/javascript">
		$(function() {
			$('.xinxi_solution_main ul li:eq(0)').addClass('on');
			$('.xinxi_solution_main ul li:eq(1)').addClass('b2');
			$('.xinxi_solution_main ul li:eq(2)').addClass('b3');
			$('.xinxi_solution_main ul li:eq(3)').addClass('b4');
			$('.xinxi_solution_main ul li:eq(4)').addClass('b5');
			$('.xinxi_solution_main ul li:eq(5)').addClass('b6');
			$('.xinxi_solution_main ul li:gt(3)').hide();
			//当三级分类大于7个的是，成两排显示
			$('.xinxi_solution_main ul li').each(function() {
				var len = $(this).find('.right dl a').length;
				if(len > 6) {
					$(this).find('.right dl a').addClass('yichu');
				}
			});

			//解决方案效果
			$('.xinxi_solution_main ul li').each(function() {
				var left_h = $(this).find('.left_top').height();
				$(this).find('.left_top').css({
					'top': '50%',
					'margin-top': -left_h / 2
				});

				var dl_h = $(this).find('.right dl').height();
				$(this).find('.right dl').css({
					'margin-top': -dl_h / 2
				});
			});
			$('.xinxi_solution_main ul li').click(function() {
				$(this).addClass('on').siblings().removeClass('on');
			});
			$('.xinxi_solution_main_mobile ul li:first-child').addClass('on');

			$('.xinxi_solution_main_mobile ul li').click(function() {
				$(this).addClass('on').siblings().removeClass('on');
			});

			$(".solu-category .solu-description").each(function() {
				var maxwidth = 60;
				if($(this).text().length > maxwidth) {
					$(this).text($(this).text().substring(0, maxwidth));
					$(this).html($(this).html() + '...');
				}
			});

		});
	</script>
	
</html>